<template>
  <div>
      <p v-for="(i,j) in class_li" :key="j">
        {{i.name}}
        <button @click="ck(i.id)">查看详情</button>
        <button @click="jr(i.id)">加入班级</button>
      </p>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  data(){
    return{
      // 状态保持  id
      id:sessionStorage.getItem("id"),
      user:sessionStorage.getItem("user"),
      class_li:[]
    }
  },
  // 点击事件
  methods:{
    // 查看详情
    ck(id){
      this.$router.push('/stuxq/?id=' +id)
    },

    // 加入班级
    jr(id){
      axios({
        url:'http://127.0.0.1:8000/zhu/zi/?id=' +this.id,
        method:'put', 
        data:{"f":id}
        }).then(res=>{
          console.log(res.data)
        })  
    }
  },
  // 钩子函数
  created(){
     axios({
      url:'http://127.0.0.1:8000/zhu/zi3/',
      method:'get', 
      }).then(res=>{
        console.log(res.data)
        this.class_li = res.data.class_li
      })      

            
  }

}
</script>

<style>

</style>